<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        body {
            font: 400 14px/1.5 'Hiragino Sans GB','WenQuanYi Micro Hei',tahoma,sans-serif;
            color: #666;
            background-color: #fff;
        }
        .theme--maoyan .header--mini .site-logo {
            width: 133px;
            background-position: -796px -748px;
            height: 40px;
            margin-top: -2px;
        }
        .form-field label {
            position: absolute;
            left: 0;
            width: 100px;
            padding-top: 6px;
            font-size: 14px;
            text-align: right;
            color: #333;
        }
        .form-field--vbtn label {
            display: none;
        }
        .pg-unitive-signup .content {
            margin: 0 auto 30px;
            padding-top: 30px;
            width: 980px;
            min-height: 300px;
            height: 300px;
        }
        form{
            display: block;
        }
        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }
        .form-field .inline-tip {
            display: inline-block;
            *display: inline;
            margin-left: 4px;
            padding: 6px 0;
            line-height: 24px;
            font-size: 12px;
            color: #999;
            vertical-align: top;
            zoom: 1;
        }
        .tip-status {
            display: inline-block;
            *display: inline;
            width: 17px;
            height: 17px;
            margin-right: 5px;
            overflow: hidden;
            background-position: 0 -191px;
            vertical-align: -3px;
            *vertical-align: middle;
            *zoom: 1;
        }
        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .form-field--vbtn .captcha-wrapper .f-text, .form-field--vcode .f-text {
            width: 120px;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }


        input, select, textarea {
            font-family: inherit;
            font-size: inherit;
            *font-size: 100%;
            font-weight: inherit;
        }
        footer {
            display: block;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }
        .sign-code-btn {
            font-family: PingFangSC-Medium;
            font-size: 14px;
            color: #FE8C00;
            font-weight: 500;
            margin: 0;
            padding: 0;
            border: 1px solid transparent;
            outline: 0;
            background-color: #fff;
        }

        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .form-field label {
            position: absolute;
            left: 0;
            width: 100px;
            padding-top: 6px;
            font-size: 14px;
            text-align: right;
            color: #333;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }
        .form-field--pwd {
            padding-bottom: 27px;
        }
        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .form-field .pw-strength {
            position: absolute;
            width: 285px;
            top: 50px;
            left: 110px;
            background: #eee;
        }
        .form-field .pw-strength .pw-strength__bar {
            background: #d3ebee;
            height: 20px;
            width: 0;
            overflow: hidden;
            transition: all .4s linear;
            -webkit-transition: all .4s linear;
            -moz-transition: all .4s linear;
            -o-transition: all .4s linear;
        }
        .form-field .pw-strength .pw-strength__letter {
            position: absolute;
            top: 0;
            left: 0;
        }
        .form-field .pw-strength .pw-strength__letter .pw-strength__label {
            display: block;
            float: left;
            text-align: center;
            font-size: 12px;
            height: 20px;
            line-height: 20px;
            width: 91px;
            border-right: 2px solid #fff;
            color: #fff;
        }

        .form-field label {
            position: absolute;
            left: 0;
            width: 100px;
            padding-top: 6px;
            font-size: 14px;
            text-align: right;
            color: #333;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }
        input[type=password] {
            font-family: arial,sans-serif;
        }
        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .form-field label {
            position: absolute;
            left: 0;
            width: 100px;
            padding-top: 6px;
            font-size: 14px;
            text-align: right;
            color: #333;
        }
        label {
            cursor: default;
        }
        .form-field .f-text {
            width: 273px;
            height: 28px;
            *margin: -1px auto;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 28px;
            vertical-align: top;
        }
        input[type=password] {
            font-family: arial,sans-serif;
        }
        .slider-verify-wrapper .slider-verify-pop-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            z-index: 997;
            -moz-opacity: .7;
            opacity: .7;
            filter: alpha(opacity=70);
        }
        .form-field {
            position: relative;
            padding: 8px 0 12px 110px;
            zoom: 1;
        }
        .theme--maoyan .btn {
            border: #e02025;
            color: #FFF;
            background: #ec454a;
            background: linear-gradient(to bottom,#ec454a 0,#e02025 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec454a', endColorstr='#e02025', GradientType=0 );
        }
        .sign-login-btn {
            background: #FFD100;
            border-radius: 2px;
            width: 285px;
        }
        .regimg{
            display: inline-block;
            margin-left: 220px;
        }
    </style>
</head>
<body class="pg-unitive-signup theme--maoyan">
<header class="header--mini">
    <div class="wrapper cf">
        <a class="site-logo" href="http://www.maoyan.com"></a>
    </div>
</header>
<div style="border-bottom: 2px solid red">
    <img src="imgs/heaherImg/logo.png" width="130" alt="" class="regimg">
</div>
<div class="content">
    <div class="J-unitive-signup-form">
        <div class="sheet" style="display:block">
            <form action="/account/mobilesignupV2"method="POST">
                <div class="form-field form-field--mobile form-field--error">
                    <table>手机号</table>
                    <input type="text" name="mobile"class="f-text J-mobile">
                </div>
                <div class="verify-wrapper">
                    <input style="margin:0 0 0 110px" type="button"class="sign-code-btn btn-mini verify-btn J-verify-btn"
                           value="免费获取短信动态码" id="rohr_485769">
                </div>
                <div class="form-field form-field--sms">
                    <table>短信动态码</table>
                    <input type="text"name="verifycode" class="f-text J-sms">
                </div>
                <div class="form-field form-field--pwd">
                    <div>
                        <table>创建密码</table>
                        <input type="password" name="password" class="f-text J-pwd">
                    </div>
                </div>
                <div class="form-field form-field--pwd2">
                    <table>确认密码</table>
                    <input type="password"name="password2"class="f-text J-pwd2">
                </div>
                <div class="slider-verify-wrapper" style="display:none">
                    <div class="slider-verify-pop-bg"></div>
                    <div id="slider-verify"></div>
                </div>
                <div class="form-field">
                    <input type="submit"name="commit" style="height: 40px"
                           class="btn sign-login-btn"value="完成注册并登录">

                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>